<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://java.sun.com/jsf/core"
                template="../../../layouts/100.xhtml">

    <ui:define name="heading">
        <h:outputText value="Mannschaften manipulieren"/>
    </ui:define>

    <ui:define name="caption">
        <p>Mannschaften manipulieren</p>
    </ui:define>

    <ui:define name="main">

        <div id="main">


            <div class="page_margins">
                <div class="page">
                    <div class="inset">

                        <h:form id="form1">

                            <p:fieldset legend="Mannschaft eintragen">
                                <p:messages/>

                                <h:panelGrid columns="2" id="inputelements">


                                    <p:media
                                            value="http://www.tulumba.com/mp3/mogollar/yurudukdurmadan/track%2002.mp3"
                                            width="200" height="20" player="quicktime">
                                        <f:param name="autoPlay" value="false"/>
                                    </p:media>


                                    <p:lightBox styleClass="imagebox">  
                                           
                                        <h:outputLink value="resources/static/images/test/a.jpeg" title="Sopranos 1">  
                                            <p:commandButton action="kategorien" icon="ui-icon-circle-arrow-s"
                                                             ajax="false">
                                            </p:commandButton>
                                        </h:outputLink>  
                                        <h:outputLink value="resources/static/images/test/b.jpeg" title="Test 3"/>  

                                        <h:outputLink value="resources/static/images/test/c.jpeg"
                                                      title="Test 1"/>  
                                        <h:outputLink value="resources/static/images/test/d.jpeg"
                                                      title="Test 2"/>  


                                    </p:lightBox>  


                                    <p:lightBox iframe="true" with="500px" height="700px" visible="true">
                                        <h:outputLink value="http://www.primefaces.org/docs/vdl/3.4/" title="Gugel">
                                            <h:outputText value="PrimeFaces HomePage sdf"/>
                                        </h:outputLink>


                                    </p:lightBox>


                                </h:panelGrid>
                            </p:fieldset>
                        </h:form>
                    </div>
                    <br/>
                </div>
            </div>

        </div>
    </ui:define>

</ui:composition>
